#member-index{
  padding-bottom:25px;

  .member-top{
    .header{
      background: #3e3f43;
      padding: 15px;
      .text{
        text-align: right;
        color: #FFFFFF;
        font-size: 16px;
      }
      .img-box{
        position: relative;
        width: 80px;
        height: 80px;
        margin: 0 auto;
        border: 2px solid #FFFFFF;
        border-radius: 100%;
        overflow: visible;
        image{
          width: 100%;
          height: 100%;
          border-radius: 100%;
        }
        .lv-box{
          position: absolute;
          bottom: 0;
          right: -3px;
          width: 25px;
          height: 25px;
          text-align: center;
          line-height: 25px;
          border-radius: 100%;
          background: #f8b62d;
          color: #FFFFFF;
          font-size: 10px;
          vertical-align: bottom;
          overflow: hidden;
          i{
            font-size: 12px;
          }
        }
      }
      .user-name{
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 5px 0 15px 0;
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
      }
    }
    .info-box{
      display: flex;
      align-items: center;
      background: #FFFFFF;
      .item{
        flex: 1;
        width: 0%;
        font-size: 17px;
        padding: 10px 0;
        text-align: center;

        .text{
          color: #959595;
          font-size: 14px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .num{
          padding: 0 5px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;

        }
      }
    }
  }
  .line-box{
    .title{
      color: #888;
      padding: 10px 15px;
    }
    .item{
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 17px;
      padding: 10px 15px;
      background: #FFFFFF;
      .left{

      }
      .right{
        color: #888888;
      }
    }
    .teg-box{
      font-size: 17px;
      padding: 10px 15px;
      background: #FFFFFF;
      .tag-title{
        margin-bottom: 15px;
      }
      .tag-item{
        display: inline-block;
        padding: 1px 10px;
        text-align: center;
        color: #e73237;
        border: 1px solid #e73237;;
        border-radius: 4px;
        margin-left: 5px;
      }
    }
    .forward{
      background-image:url("http://ovef29y3v.bkt.clouddn.com/ic_forward.png");
      background-repeat:no-repeat;
      background-position:100%;
      background-size:20px;

      .right{
        padding-right: 20px;
      }
    }
  }
}